<template>
  <a-card title="Ellipsis - 文字截取" :bordered="false">
    <a slot="extra" target="_blank" href="http://rest-doc.easy-frame.top/front-end/components/general.html">文档地址</a>
    <p>
      文本过长自动处理省略号，支持按照文本长度截取。
    </p>
    <ellipsis :length="100">
      There were injuries alleged in three cases in 2015, and a
      fourth incident in September, according to the safety recall report. After meeting with US regulators in October, the firm decided to issue a voluntary recall.
    </ellipsis>
  </a-card>
</template>

<script>
import Ellipsis from '@/components/Ellipsis/Ellipsis'
export default {
  name: 'SampleComponentsDataDisplayEllipsis',
  components: { Ellipsis }
}
</script>

<style scoped>

</style>
